<template>
  <div>
     <Sub v-for="obj in list" :key="obj.id"
     :title="obj.proname"
     :price="obj.proprice"
     :info="obj.info"
     ></Sub>
      
  </div>
</template>

<script>
import Sub from './components/Sub.vue'

export default {
    data(){
        return {
            list: [
    { id: 1, proname: "超级好吃的棒棒糖", proprice: 18.8, info: '开业大酬宾, 全场8折' },
    { id: 2, proname: "超级好吃的大鸡腿", proprice: 34.2, info: '好吃不腻, 快来买啊' },
    { id: 3, proname: "超级无敌的冰激凌", proprice: 14.2, info: '炎热的夏天, 来个冰激凌了' },
],
        }
    },
    components:{
       Sub
   
        }      
}
</script>

<style>

</style>